﻿<!--sidebar start-->
<aside>
    <div id="sidebar" class="nav-collapse ">
        <!-- sidebar menu start-->
        <ul class="sidebar-menu" id="nav-accordion">
            <li>
                <a class="active" href="/">
                    <i class="fa fa-dashboard"></i>
                    <span>控制面板</span>
                </a>
            </li>

            <li class="sub-menu">
                <a href="javascript:;">
                    <i class="fa fa-laptop"></i>
                    <span>布局模板</span>
                </a>
                <ul class="sub">
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "boxed_page.html"})">内容页面</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "horizontal_menu.html"})">水平菜单</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "header_color.html"})">主题</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "mega_menu.html"})" target="_blank">巨型导航菜单</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "language_switch_bar.html"})">语言切换</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "email_template.html"})" target="_blank">邮件模版</a></li>
                </ul>
            </li>

            <li class="sub-menu">
                <a href="javascript:;">
                    <i class="fa fa-book"></i>
                    <span>UI元素</span>
                </a>
                <ul class="sub">
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "general.html"})">通用</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "buttons.html"})">按钮</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "modal.html"})">模态窗口</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "toastr.html"})">通知提示</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "widget.html"})">组件</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "slider.html"})">侧边栏</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "nestable.html"})">嵌套表格</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "font_awesome.html"})">Awesome字体</a></li>
                </ul>
            </li>

            <li class="sub-menu">
                <a href="javascript:;">
                    <i class="fa fa-cogs"></i>
                    <span>组件</span>
                </a>
                <ul class="sub">
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "grids.html"})">网格</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "calendar.html"})">日历</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "gallery.html"})">相册</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "todo_list.html"})">工作清单</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "draggable_portlet.html"})">拖拽组件</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "tree.html"})">树状控件</a></li>
                </ul>
            </li>
            <li class="sub-menu">
                <a href="javascript:;">
                    <i class="fa fa-tasks"></i>
                    <span>表单</span>
                </a>
                <ul class="sub">
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "form_component.html"})">表单控件</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "advanced_form_components.html"})">高级表单</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "form_wizard.html"})">表单导航</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "form_validation.html"})">表单验证</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "dropzone.html"})">Dropzone文件上传</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "inline_editor.html"})">内联编辑器</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "image_cropping.html"})">图片裁剪</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "file_upload.html"})">多文件上传</a></li>
                </ul>
            </li>
            <li class="sub-menu">
                <a href="javascript:;">
                    <i class="fa fa-th"></i>
                    <span>表格</span>
                </a>
                <ul class="sub">
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "basic_table.html"})">基础表格</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "responsive_table.html"})">响应式表格</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "dynamic_table.html"})">动态表格</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "editable_table.html"})">可编辑表格</a></li>
                </ul>
            </li>
            <li class="sub-menu">
                <a href="javascript:;">
                    <i class=" fa fa-envelope"></i>
                    <span>邮件</span>
                </a>
                <ul class="sub">
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "inbox.html"})">收件箱</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "inbox_details.html"})">邮件详情</a></li>
                </ul>
            </li>
            <li class="sub-menu">
                <a href="javascript:;">
                    <i class=" fa fa-bar-chart-o"></i>
                    <span>图表</span>
                </a>
                <ul class="sub">
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "morris.html"})">Morris</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "chartjs.html"})">Chartjs图表</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "flot_chart.html"})">Flot图表</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "xchart.html"})">xChart图表</a></li>
                </ul>
            </li>
            <li class="sub-menu">
                <a href="javascript:;">
                    <i class="fa fa-shopping-cart"></i>
                    <span>购物</span>
                </a>
                <ul class="sub">
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "product_list.html"})">产品列表</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "product_details.html"})">产品详情</a></li>
                </ul>
            </li>
            <li>
                <a href="@Url.Action("Flat", "Themes", new {id = "google_maps.html"})">
                    <i class="fa fa-map-marker"></i>
                    <span>谷歌地图</span>
                </a>
            </li>
            <li class="sub-menu">
                <a href="javascript:;">
                    <i class="fa fa-comments-o"></i>
                    <span>聊天室</span>
                </a>
                <ul class="sub">
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "lobby.html"})">Lobby</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "chat_room.html"})"> Chat Room</a></li>
                </ul>
            </li>
            <li class="sub-menu">
                <a href="javascript:;">
                    <i class="fa fa-glass"></i>
                    <span>其它组件</span>
                </a>
                <ul class="sub">
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "blank.html"})">空白页</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "sidebar_closed.html"})" target="_blank">关闭的侧边栏</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "people_directory.html"})">员工清单</a></li>
                    <li><a href="@Url.Action("Flat","Themes", new { id = "coming_soon.html"})" target="_blank">即将上线</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "lock_screen.html"})">锁屏</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "profile.html"})">个人资料</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "invoice.html"})">发票</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "project_list.html"})">项目列表</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "project_details.html"})">项目详情</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "search_result.html"})">搜索</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "pricing_table.html"})">价格表</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "faq.html"})">问答</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "fb_wall.html"})">标签墙</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "404.html"})">404 错误</a></li>
                    <li><a href="@Url.Action("Flat", "Themes", new {id = "500.html"})">500 错误</a></li>
                </ul>
            </li>
            <li>
                <a href="@Url.Action("Flat", "Themes", new {id = "login.html"})">
                    <i class="fa fa-user"></i>
                    <span>登录</span>
                </a>
            </li>

            <!--multi level menu start-->
            <li class="sub-menu">
                <a href="javascript:;">
                    <i class="fa fa-sitemap"></i>
                    <span>多级导航菜单</span>
                </a>
                <ul class="sub">
                    <li><a href="javascript:;">一级菜单 1</a></li>
                    <li class="sub-menu">
                        <a href="@Url.Action("Flat", "Themes", new {id = "boxed_page.html"})">一级菜单 2</a>
                        <ul class="sub">
                            <li><a href="javascript:;">二级菜单 1</a></li>
                            <li class="sub-menu">
                                <a href="javascript:;">二级菜单 2</a>
                                <ul class="sub">
                                    <li><a href="javascript:;">三级菜单 1</a></li>
                                    <li><a href="javascript:;">三级菜单 2</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
            <!--multi level menu end-->

        </ul>
        <!-- sidebar menu end-->
    </div>
</aside>
<!--sidebar end-->